/**
* Copyright 2009 Waag Society <http://www.waag.org>
* This file is part of Annotrax.
*
* Annotrax is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License,
* or (at your option) any later version.
*
* Annotrax is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
* See the GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with Annotrax.
* If not, see http://www.gnu.org/licenses/gpl.html
*/

@import "reset.css";
body, html{
	font: 12px/17px "Helvetica Neue", "Helvetica", "Arial", "Sans-serif";
	color: #666;
	background-color: #ccc;
}

/*HSVA*/
a, a:visited{
	text-decoration: none;
	color: #C4294D;
}

a:hover, a:focus, a:active{
	text-decoration: underline;
}

a img{
	border: none;
}

a.active{
	color: #999;
}

h1{
	color: #333333;
}

h4{
	color: #333;
}

dt{
	font-weight: bold;
}

hr{
	border: 2px dotted #999;
	border-width: 0 0 2px 0;
	clear: both;
}

input, textarea{
	color: #666;
	cursor: pointer;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;

	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;

}

.duration{
	background-color: #4796BA;
	font-weight: bold;
	color: #fff;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;

	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.buttonBar a{
	color: #666;
	background-color: #ccc;
	border: 1px solid #999;

	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;

	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;

}

.buttonBar input{
	color: #666;
	background-color: #ccc;
	border: 1px solid #999;
}

video{
	background-color: #000;
}

#movieSection{
	background: url( 'img/player_ds.png' ) repeat-x bottom;
}

#footer{
	background-color: #999;
}

#navigation{
	background-color: #999999;

	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

#navigation a{
	text-transform: lowercase;
	color: #fff;
}

.thumbnail{
	border: 1px solid #6736A5;
}

/* widgets */

#atAnnotationBrowser .channel{
	background-color: #C9E0EB;

	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;

	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

#atAnnotationBrowser .channel li:hover{
	background-color: #80B6D0;
}

#atAnnotationBrowser h4{
	text-transform: uppercase;
	font-weight: normal;
	color: #fff;
}

#atAnnotationBrowser ul{
	border-top: 3px dotted #fff;
}

#atAnnotationBrowser li{
	border-bottom: 3px dotted #fff;
}

#atAnnotationBrowser p.contentPreview{
	color: #444;
}

#atAnnotationBrowser li a{
	color: #fff;
}
